<template>
  <div>
    <child-component>
      <p>分发的内容</p>
      <p>更多分发的内容</p>
    </child-component>
  </div>
</template>
<script>
export default {
  data(){
    return{
      
    }
  },
  components:{
    'child-component':{
      template: `
        <div>
          <slot>
            <p>如果父组件没有插入内容，我将作为默认出现</p>
          </slot>
        </div>
      `,
      data(){
        return{
          message: '子组件内容'
        }
      }
    }
  }
}
</script>
<style scoped>

</style>


